<template>
  <div>
    <div class="top">
      <img
        src="http://t1.huanqiucdn.cn/ed9715bdbbc03761688a3d50513e91fb.jpg"
        alt="环球网"
        class="logop"
        style="width: 175px"
      />
      <div class="icon">
        <i class="el-icon-edit"></i>
        <i class="el-icon-share"></i>
        <i class="el-icon-delete"></i>
        <el-button type="primary" icon="el-icon-search" @click="open">搜索</el-button>
      </div>
    </div>
    <div>
      <el-container>
        <el-header>
          <navMenu></navMenu>
        </el-header>
      </el-container>
      <el-container>
        <el-aside width="500px">Aside</el-aside>
        <el-main>
          <carousel></carousel>
        </el-main>
      </el-container>
      <el-divider></el-divider>
      <div>
        <div style="width:60%;float:left">
          <card></card>
        </div>
        <div style="width:30%;float:right;">
          <el-calendar v-model="value"></el-calendar>
        </div>
      </div>
      <div>
        <fvizTree></fvizTree>
      </div>
    </div>
  </div>
</template>

<script>
import carousel from "@/components/content/carousel";
import card from "@/components/content/card";
import navMenu from "@/components/content/navMenu";
import fvizTree from "@/components/content/fvizTree";

export default {
  components: { carousel, card, navMenu, fvizTree },
  props: {
    content: String
  },
  name: "Content",
  data() {
    return {
      msg: "新闻首页",
      id_ynamic_parameters: "",
      value: new Date()
    };
  },
  created() {
    let me = this;
    let id = me.$route.query.jId;
    this.id_ynamic_parameters = id;
  },
  methods: {
    //打开弹框
    open() {
      this.$alert(
        "。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。",
        "标题名称",
        {
          confirmButtonText: "确定",
          callback: action => {
            this.$message({
              type: "info",
              message: `action: ${action}`
            });
          }
        }
      );
    }
  }
};
</script>

<style scoped>
@import "./content.css";
</style>
